<template>
    <div>
        <el-dialog title="出入库记录" :visible.sync="stockStockOutRecordShow" width=40% append-to-body>
            <div class="content">
                <el-table   ref="TableRef"  :data="tableData" style="width: 100%">
                    <el-table-column prop="date" label="库位" >
                    </el-table-column>
                    <el-table-column prop="name" label="数量" >
                    </el-table-column>
                    <el-table-column prop="address" width="200"  :show-overflow-tooltip="true" label="记录类型(订单出库/补货/手工更改/再发货/返品/云再发/云返品)">
                    </el-table-column>
                    <el-table-column prop="address"   :show-overflow-tooltip="true" label="店铺名">
                    </el-table-column>
                    <el-table-column prop="address"   :show-overflow-tooltip="true" label="操作时间">
                    </el-table-column>
                    <el-table-column prop="address"   :show-overflow-tooltip="true" label="操作人">
                    </el-table-column>
                </el-table>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {
  activated() {
    this.$nextTick(() => this.$refs['TableRef']?.doLayout())
  },
    data() {
        return {
            stockStockOutRecordShow: false,
            tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
        };
    },

    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="scss" scoped></style>